<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="sj-oj">
    <meta name="author" content="IT行者工作室">
    <title>Insert title here</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header id="header" class="form-group">

    <nav class="navbar navbar-inverse" role="banner">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <h2 class="navbar-brand" href="index.jsp">SJ-OJ系统</h2>
            </div>
            <div class="collapse navbar-collapse navbar-right">
                <ul class="nav navbar-nav">
                    <li><a href="getProblemList.do">Home</a></li><!-- 主页 -->
                    <li class="active"><a href="getProblemList.do">problem</a></li><!-- 问题 -->
                    <li><a href="getranklist.do">Stauts</a></li><!--所有答题状态 -->
                    <li><a href="#">Ranklist</a></li><!--排行 -->
                    <li><a href="#">Contest</a></li><!--比赛测试 -->
                    <li><a href="#">Online</a></li><!-- 待定-->
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Others<strong class="caret"></strong></a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="#">Action</a>
                            </li>
                            <li>
                                <a href="#">Another action</a>
                            </li>
                            <li>
                                <a href="#">Something else here</a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">Separated link</a>
                            </li>
                            <li class="divider">
                            </li>
                        </ul>
                        <%--这边登录要做优化，判断是否已经登录，登录则将下拉菜单修改成相应模块--%>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Wecome <b class="user-name" style="color: #f35b6b;font-size: 22px;">${sessionScope.user_id}</b><b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="login.jsp">login</a></li>
                            <li><a href="register.jsp">register</a></li>
                        </ul>
                    </li>
                </ul>
            </div>

        </div><!--/.container-->
    </nav><!--/nav-->

</header><!--/header--><!--/#error-->
<div class="container form-group">
    <form action="addProblem.do" class="form-group" id="addproblem">
        <div class="col-sm-4">
            <div class="form-group">
                <sapn class="label label-info">Title:</sapn>
                <input  placeholder="题目名称" type="text" class="form-control con-confire" name="problem.title">
            </div>
        </div>
        <div class="col-sm-4">
            <div class="form-group">
                <sapn class="label label-info">Time_limit(s):</sapn>
                <input  placeholder="时间限制" type="text" class="form-control con-confire shuzi" name="problem.time_limit">
            </div>
        </div>
        <div class="col-sm-4">
            <div class="form-group">
                <sapn class="label label-info">Memory_limit(MByte):</sapn>
                <input  placeholder="内存限制" type="text" class="form-control con-confire shuzi" name="problem.memory_limit">
            </div>
        </div>

        <div class="col-sm-12">
            <div class="form-group">
                <sapn class="label label-info">Description:</sapn>
                <textarea placeholder="问题描述"   rows="5" cols="10" class="form-control con-confire text-incon" name="problem.description"></textarea>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group">
                <sapn class="label label-info">Input:</sapn>
                <textarea placeholder="输入"   rows="5" cols="10" class="form-control con-confire text-incon" name="problem.input"></textarea>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group">
                <sapn class="label label-info">Output:</sapn>
                <textarea placeholder="输出"   rows="5" cols="10" class="form-control con-confire text-incon" name="problem.output"></textarea>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group">
                <sapn class="label label-info">Sample_input:</sapn>
                <textarea placeholder="范例输入"   rows="5" cols="10" class="form-control con-confire text-incon" name="problem.sample_input"></textarea>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group">
                <sapn class="label label-info">Sample_output:</sapn>
                <textarea placeholder="范例输出"   rows="5" cols="10" class="form-control con-confire text-incon" name="problem.sample_output"></textarea>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group">
                <sapn class="label label-info">Test_input:</sapn>
                <textarea placeholder="测试输入"  rows="10" cols="10" class="form-control con-confire text-incon" name="test_input"></textarea>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group">
                <sapn class="label label-info">Test_output:</sapn>
                <textarea placeholder="测试输出"  rows="10" cols="10" class="form-control con-confire text-incon" name="test_output"></textarea>
            </div>
        </div>
        <div class="col-sm-12" align="right">
            <input type="submit"  class="btn btn-info" id="sub-problem" value="提 交">
        </div>
    </form>
</div>
<%--<form action="addProblem.do">--%>
<%--Title:<input type="text" name="problem.title"><br>--%>
<%--Description:<input type="text" name="problem.description"><br>--%>
<%--Time_limit:<input type="text" name="problem.time_limit">s(阿拉伯数字)<br>--%>
<%--Memory_limit:<input type="text" name="problem.memory_limit">MByte(阿拉伯数字)<br>--%>
<%--Input:<input type="text" name="problem.input"><br>--%>
<%--Output:<input type="text" name="problem.output"><br>--%>
<%--Sample_input:<input type="text" name="problem.sample_input"><br>--%>
<%--Sample_output:<input type="text" name="problem.sample_output"><br>--%>
<%--Test_input:<textarea rows="10" cols="10" name="test_input"></textarea><br>--%>
<%--Test_output:<textarea rows="10" cols="10" name="test_output"></textarea><br>--%>
<%--<input type="submit" value="提交">--%>
<%--</form>--%>
<footer id="footer" class="midnight-blue content" >
    <div class="container">
        <div class="row">
            <div class="col-sm-6" align="center">
                Copyright © 2016 <a target="_blank" href="http://www.sju.js.cn/jsjkx/main.htm">三江学院计算机科学与技术学院</a> All Rights Reserved.
            </div>
            <div class="col-sm-6">
                <div align="center">
                    <ul>
                        <li><a href="#">About Us</a></li>
                        <li>Any problem, Please Contact <a href="#" class="text-color">IT行者工作室</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer><!--/#footer-->
<script>
    //        当页面长度小于屏幕高度时固定footer在最下面
    function ct(){
        return document.compatMode == "BackCompat"? document.body.clientHeight:document.documentElement.clientHeight;
    }
    var f=document.getElementById('footer');
    (window.onresize=function(){
        f.style.position=document.body.scrollHeight>ct()?'':'absolute';
    })();
</script>
<script src="js/jquery.min.js"></script>
<script src="js/htm-function.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script src="js/bootstrap.min.js"></script>
</body>
</html>